/* 小型设备（平板电脑，768px 起） */

/* 中型设备（台式电脑，992px 起） */

/* 大型设备（大台式电脑，1200px 起） */


@media screen and (max-width: 768px) {
    :root{
        --ph-topbar-height:calc(var(--phx) * 4.285714);
        --ph-aside-width:calc(var(--phx) * 14.285714);
        
        --ph-notify-width:calc(var(--phx) * 20);
        --ph-message-width:calc(var(--phx) * 20);;
        
        --ph-tabbar-item-fs:var(--phx);
        
        --ph-modal-width:calc(var(--phx) * 20);
        --ph-modal-max-width:calc(var(--phx) * 20);
        
        --ph-window-width:calc(var(--phx) * 20);
        
        --ph-form-vpadding:calc(var(--phx) * 0.642857);
        --ph-form-hpadding:var(--ph-10);
        --ph-form-padding: var(--ph-form-vpadding) var(--ph-form-hpadding);
        
        --ph-action-pdh:var(--ph-20);
        --ph-action-pdv:var(--ph-8);
        --ph-action-padding:var(--ph-action-pdv) var(--ph-action-pdh);
        --ph-action-square-dim:calc(var(--phx) * 2.285714);
        
        --ph-nav-padding:5px var(--phx);
        --ph-nav-item-padding:var(--ph-action-pdv) var(--ph-5);

        --ph-tab-item-padding:var(--ph-action-pdv) var(--ph-5);

        --ph-tabbar-item-padding:var(--ph-action-pdv) var(--ph-5);

        --ph-menu-padding : calc(var(--phx) * 1.1428);
        --ph-submenu-padding : var(--phx);
    }
    ::-webkit-scrollbar{
        display: none!important;
    }
}
@media screen and (min-width: 769px){
    :root{
        --ph-topbar-height:60px;
        --ph-aside-width:200px;

        --ph-notify-width:330px;
        --ph-message-width:375px;

        --ph-tabbar-item-fs:var(--phx);

        --ph-modal-width:320px;
        --ph-modal-max-width:480px;

        --ph-window-width:480px;
        
        --ph-form-vpadding:9px;
        --ph-form-hpadding:10px;
        --ph-form-padding: var(--ph-form-vpadding) var(--ph-form-hpadding);
        
        --ph-action-pdh:20px;
        --ph-action-pdv:8px;
        --ph-action-padding:var(--ph-action-pdv) var(--ph-action-pdh);
        --ph-action-square-dim:32px;
        
        --ph-nav-padding:5px var(--phx);
        --ph-nav-item-padding:var(--ph-action-padding);

        --ph-tab-item-padding:var(--ph-action-padding);

        --ph-tabbar-item-padding:var(--ph-action-padding);

        --ph-menu-padding : 16px;
        --ph-submenu-padding : 14px;
    }
}
@media screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio:2){
    :root{
        --ph-topbar-height:calc(var(--phx) * 4.285714);
        --ph-aside-width:calc(var(--phx) * 14.285714);
        
        --ph-notify-width:calc(var(--phx) * 20);
        --ph-message-width:calc(var(--phx) * 20);;
        
        --ph-tabbar-item-fs:var(--phx);
        
        --ph-modal-width:calc(var(--phx) * 20);
        --ph-modal-max-width:calc(var(--phx) * 20);
        
        --ph-window-width:calc(var(--phx) * 20);
        
        --ph-form-vpadding:calc(var(--phx) * 0.642857);
        --ph-form-hpadding:var(--ph-10);
        --ph-form-padding: var(--ph-form-vpadding) var(--ph-form-hpadding);
        
        --ph-action-pdh:var(--ph-20);
        --ph-action-pdv:var(--ph-8);
        --ph-action-padding:var(--ph-action-pdv) var(--ph-action-pdh);
        --ph-action-square-dim:calc(var(--phx) * 2.285714);
        
        --ph-nav-padding:5px var(--phx);
        --ph-nav-item-padding:var(--ph-action-pdv) var(--ph-5);

        --ph-tab-item-padding:var(--ph-action-pdv) var(--ph-5);

        --ph-tabbar-item-padding:var(--ph-action-pdv) var(--ph-5);

        --ph-menu-padding : calc(var(--phx) * 1.1428);
        --ph-submenu-padding : var(--phx);
    }
}